
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fenxiang:before { content: "\e60e"; }
.icon-wujiaoxing:before { content: "\e611"; }
.icon-yuanchuang:before { content: "\e618"; }
.icon-dianzan:before { content: "\e619"; }
.icon-chanpinxiangqing:before { content: "\e613"; }
.icon-xiangguanchanpin:before { content: "\e615"; }
.icon-shanchu:before { content: "\e61c"; }
.icon-jiaruxiegui:before { content: "\e61d"; }
.icon-fanhui:before { content: "\e617"; }
.icon-index-3:before { content: "\e61a"; }
.icon-quxiaoguanzhu:before { content: "\e61b"; }
.icon-shoucang:before { content: "\e61e"; }
.icon-pinglun:before { content: "\e61f"; }
.icon-dianjiliang:before { content: "\e620"; }
.icon-index-2:before { content: "\e621"; }
.icon-index-1:before { content: "\e622"; }
.icon-sousuo:before { content: "\e623"; }
.icon-xiazai:before { content: "\e624"; }
.icon-index-4:before { content: "\e625"; }
.icon-gouxuan:before { content: "\e626"; }
.icon-index-5:before { content: "\e601"; }
.icon-index-6:before { content: "\e605"; }
.icon-qianjin:before { content: "\e627"; }
.icon-xiaoxi:before { content: "\e606"; }
.icon-wodezhuangbei:before { content: "\e607"; }
.icon-wodedingdan:before { content: "\e608"; }
.icon-liulanlishi:before { content: "\e609"; }
.icon-zhuangbeiku:before { content: "\e60a"; }
.icon-faxian:before { content: "\e60b"; }
.icon-wo:before { content: "\e60c"; }
.icon-pingce:before { content: "\e60d"; }
.icon-fenxiang1:before { content: "\e600"; }
.icon-weixin:before { content: "\e602"; }
.icon-qq:before { content: "\e603"; }
.icon-weixinpengyouquan:before { content: "\e604"; }
.icon-shouji:before { content: "\e60f"; }
.icon-mima:before { content: "\e610"; }


.col-1 {
	width: 1%;
}

.col-2 {
	width: 2%;
}

.col-3 {
	width: 3%;
}

.col-4 {
	width: 4%;
}

.col-5 {
	width: 5%;
}

.col-6 {
	width: 6%;
}

.col-7 {
	width: 7%;
}

.col-8 {
	width: 8%;
}

.col-9 {
	width: 9%;
}
.col-10 {
	width: 10%;
}
.col-11 {
	width: 11%;
}

.col-12 {
	width: 12%;
}

.col-13 {
	width: 13%;
}

.col-14 {
	width: 14%;
}

.col-15 {
	width: 15%;
}
.col-16 {
	width: 16%;
}
.col-17 {
	width: 17%;
}
.col-18 {
	width: 18%;
}
.col-19 {
	width: 19%;
}
.col-20{
	width: 20%;
}
.col-22{
	width: 22%;
}
.col-23{
	width: 23%;
}
.col-24{
	width: 24%;
}
.col-25{
	width: 25%;
}
.col-27{
	width: 27%;
}
.col-30 {
	width: 30%;
}
.col-31 {
	width: 31%;
}
.col-33{
	width: 33%;
}
.col-35{
	width: 33%;
}
.col-37{
	width: 37%;
}
.col-45 {
	width: 45%;
}
.col-49 {
	width: 49%;
}
.col-51 {
	width: 51%;
}
.col-56 {
	width: 56%;
}
.col-58 {
	width: 58%;
}
.col-63 {
	width: 63%;
}
.col-70 {
	width: 70%;
}
.col-71 {
	width: 71%;
}
.col-72 {
	width: 72%;
}
.col-73 {
	width: 73%;
}
.col-80 {
	width: 80%;
}
@media only screen and (max-width: 300px) {
	html {
		font-size: 11.111111px;
	}
}

@media only screen and (max-width: 310px) and (min-width: 300px) {
	html {
		font-size: 11.111111px;
	}
}

@media only screen and (max-width: 320px) and (min-width: 310px) {
	html {
		font-size: 11.481481px;
	}
}

@media only screen and (max-width: 350px) and (min-width: 320px) {
	html {
		font-size: 11.851851px;
	}
}

@media only screen and (max-width: 360px) and (min-width: 350px) {
	html {
		font-size: 12.962962px;
	}
}

@media only screen and (min-width: 360px) and (max-height: 600px) {
	#modify-user-info .user-icon {
		/*height: 14.25rem;*/
	}
}

@media only screen and (max-width: 375px) and (min-width: 361px) {
	html {
		font-size: 13.333333px;
	}
}

@media only screen and (max-width: 400px) and (min-width: 375px) {
	html {
		font-size: 13.888888px;
	}
}

@media only screen and (max-width: 470px) and (min-width: 400px) {
	html {
		font-size: 14.814814px;
	}
}

/*@media only screen and (max-width: 480px) and (min-width: 470px) {
	html {
		font-size: 17.407407px;
	}
}

@media only screen and (max-width: 540px) and (min-width: 480px) {
	html {
		font-size: 17.777777px;
	}
}

@media only screen and (max-width: 560px) and (min-width: 540px) {
	html {
		font-size: 20px;
	}
}

@media only screen and (max-width: 570px) and (min-width: 560px) {
	html {
		font-size: 20.740740px;
	}
}

@media only screen and (max-width: 630px) and (min-width: 570px) {
	html {
		font-size: 21.111111px;
	}
}

@media only screen and (max-width: 640px) and (min-width: 630px) {
	html {
		font-size: 23.333333px;
	}
}

@media only screen and (max-width: 710px) and (min-width: 640px) {
	html {
		font-size: 23.703703px;
	}
}

@media only screen and (max-width: 720px) and (min-width: 710px) {
	html {
		font-size: 26.296296px;
	}
}

@media only screen and (min-width: 720px) {
	html {
		font-size: 26.666666px;
	}
}

@media only screen and (min-width: 1080px) {
	html {
		font-size: 40px;
	}
}*/
@media only screen and (width: 320px) {
	html {
		font-size: 7.729468px;
	}
	#index_wrap p , #product-wrap p{
		/*height: 5.5666664rem;*/
	}
}
@media only screen and (width: 360px) {
	html {
		font-size: 8.695652px;
	}
}
@media only screen and (width: 375px) {
	html {
		font-size: 9.057971px;
	}
}
@media only screen and (width: 414px) {
	html {
		font-size: 10px;
	}
}
@media only screen and (width: 768px) {
	html {
		font-size: 18.550724px;
	}
}
